@charset "UTF-8";
 
body {font-family:'宋体' !important;font-size:12px;overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
img {border:0;vertical-align:middle;max-width:100%;}
input[type=submit],input[type=text],button {appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;cursor:pointer;}
input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}
select,input,select,textarea {vertical-align:middle;outline:none;-webkit-tap-highlight-color:transparent;}
ul,ol,li {list-style-type:none;}
a {color:#333;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;cursor:pointer;}
a:active {text-decoration:none;}
.hidden {display:none;visibility:hidden;}
.wrap {border:0;padding:0;margin:0 auto;*zoom:1;position:relative;}
.wrap:after {clear:both;content:"";display:table;}
.clear {clear:both;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
.wrap:after,.wrap:before,.container:after,.container:before {content:"";display:table;}
.wrap:after,.container:after {clear:both;}
.container {width:80%;margin:0 auto;}
/*.clear {clear:both;}*/
.fl {float:left;}
.fr {float:right;}
.absolute {position:absolute;}
.pors {position:relative;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.hide {opacity:0;}
.en {font-family:'gotham-medium';}
nav li,.index-banner li,.item-list li,.inner-tab li {list-style-type:none;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#6f6f6f;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#6f6f6f;}
body {letter-spacing:0.5px;}
/*header*/
header {position:absolute;z-index:9991;top:0;left:0;width:100%;transition:all .55s cubic-bezier(0.55,0.75,0.6,1) 0s;-webkit-transition:all .55s cubic-bezier(0.55,0.75,0.6,1) 0s;-moz-transition:all .55s cubic-bezier(0.55,0.75,0.6,1) 0s;}
.header-inner {width:100%;position:relative;}
header .logo {position:absolute;left:40px;top:20px;z-index:200;}
header .right-side {position:relative;width:100%;text-align:center;}
header .right-side li {margin:0 23px;display:inline-block;}
header .right-side li a {font-size:16px;color:#fff;line-height:36px;position:relative;padding:28px 0 6px;display:block;}
header .right-side li a:after {content:'';bottom:0;position:absolute;display:block;width:0;height:1px;background:#fff;transition:all .4s;}
header .right-side li.on a:after,header .right-side li a:hover:after {width:100%;}
.header-phone-number {position:absolute;right:40px;top:28px;font-size:22px;line-height:36px;color:#fff;background:url(../images/icon1.png) left center no-repeat;padding-left:30px;font-family:Arial;}
.js-container {position:relative;/*overflow-x:hidden;*//*overflow-y:auto;*/overflow:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;transition:all .3s cubic-bezier(0.66,0.53,0.65,1) 0s;-webkit-transition:all .3s cubic-bezier(0.66,0.53,0.65,1) 0s;-moz-transition:all .3s cubic-bezier(0.66,0.53,0.65,1) 0s;}
footer {position:relative;overflow:hidden;}
.top-foot {width:100%;min-height:260px;height:260px;padding:60px 160px 0;background:#222;display:table;}
.top-foot li {width:20%;color:#fff;font-size:14px;line-height:28px;float:left;}
.top-foot li .ewm {width:100px;float:left;margin-right:10px;}
.top-foot li .titles {font-weight:bold;padding-top:22px;}
.top-foot li .txt {}
.top-foot li .txt a {color:#fff;}
 
/*fixed-contact*/
 
@media(max-width:1200px) {.top-footer .logo {width:15%;}
.top-footer .logo img {width:80px;}
.top-footer .bottom-item-wrap {width:100%;}
.top-footer .each-item dl {width:95%;padding-right:5%;}
}
.mb15 {margin-bottom:1%;}
footer .wrap .gotop {display:none;}
.index-banner {position:static;width:100%;height:100vh;overflow:hidden;}
.index-banner .en {font-family:'gotham-medium';}
.index-banner .swiper-container {position:relative;width:100%;height:100%;}
.index-banner .carousel-inner {position:absolute;top:-60px;right:0;bottom:0;left:0;padding-top:60px;overflow:hidden;/*cursor:-webkit-grab!important;*//*cursor:grab!important;*/}
.page-header-fullscreen-trame {position:absolute;left:0;top:0;width:100%;height:100%;}
@media (min-width:768px) {.index-banner .carousel-inner {position:absolute;top:0;padding-top:0;}
}
.index-banner .carousel-item {position:absolute;top:0;right:0;left:0;bottom:0;overflow:hidden;z-index:10;opacity:0;/*opacity:0;transition:.6s opacity cubic-bezier(.19,1,.22,1);cursor:move;touch-action:pan-y;user-select:none;*/}
.index-banner .carousel-item .video-inner {height:100%;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:50%;z-index:8;width:2560px;margin-left:-1280px;background-color:#fff;text-align:center;}
.index-banner .carousel-item .video video {position:relative;display:inline-block;vertical-align:baseline;}
.index-banner .carousel-item.carousel-item-prev {transform-origin:center right;transform:translateX(-100%);}
.index-banner .carousel-item.carousel-item-next {transform-origin:center right;transform:translateX(100%);}
.index-banner .carousel-item:active {cursor:-webkit-grab !important;cursor:grab !important;}
.index-banner .carousel-item.active {z-index:15;opacity:1;transform-origin:center right;}
.index-banner .carousel-item1 img {width:100%;position:absolute;left:0;top:0;-moz-transition:all 9s linear;-o-transition:all 9s linear;transition:all 9s linear;}

.index-banner .carousel-item2 img {width:100%;position:absolute;left:0;top:0;-moz-transition:all 9s linear;-o-transition:all 9s linear;transition:all 9s linear;}
.index-banner .carousel-item2 .img-box {width:1600px;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;}
.index-banner .carousel-item2 .img-box .img1 {width:143px;height:286px;position:absolute;left:647px;top:532px;background:url(004.png) top center no-repeat;background-size:100%;padding:10px;z-index:3;}
.index-banner .carousel-item2 .img-box .img1 img {width:100%;opacity:0;transition:all ease .3s;transition-delay:1.5s;}
.index-banner .carousel-item2.active .img-box .img1 img {opacity:1;}
.index-banner .carousel-item2 .img-box .img2 {width:332px;height:391px;position:absolute;right:-44px;top:447px;background:url(005.png) top center no-repeat;background-size:100%;padding:23px 35px 0 35px;z-index:3;}
.index-banner .carousel-item2 .img-box .img2 img {width:100%;opacity:0;transition:all ease .3s;transition-delay:1s;}
.index-banner .carousel-item2.active .img-box .img2 img {opacity:1;}
.index-banner .carousel-item2 .img-box .img3 {width:760px;height:755px;position:absolute;top:184px;right:160px;background:url(006.png) top center no-repeat;background-size:100%;padding:20px;}
.index-banner .carousel-item2 .img-box .img3 img {width:100%;opacity:0;transition:all ease .3s;transition-delay:.5s;}
.index-banner .carousel-item2.active .img-box .img3 img {opacity:1;}
@media(max-width:1680px) {.index-banner {height:auto;}
.index-banner .carousel-item2 .img-box .img1 {width:100px;height:286px;position:absolute;left:667px;top:502px;padding:7px;}
.index-banner .carousel-item2 .img-box .img2 {width:182px;height:391px;position:absolute;right:180px;top:447px;padding:13px 25px 0 25px;}
.index-banner .carousel-item2 .img-box .img3 {width:36%;position:absolute;top:22%;right:18%;padding:20px 10px;}
 
}
.index-banner .carousel-item3 .bg-img {width:100%;position:absolute;left:0;top:0;}
.index-banner .carousel-item3 .img-box {width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
.index-banner .carousel-item3 .img-box li {position:absolute;width:100%;height:100%;}
.index-banner .carousel-item3 .img-box li img {width:100%;height:100%;}
.index-banner .carousel-item3 .img-box .img1 {z-index:2;top:-20px;position:absolute;}
.index-banner .carousel-item3 .img-box .img2 {z-index:3;right:-20px;position:absolute;}
/*.index-banner .carousel-item2.active img,.index-banner .carousel-item3.active img {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
*/.static .carousel-item {-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);cursor:default !important;}
.static.is-mobile .carousel-item {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:0;}
.index-banner .carousel-item-inner {position:absolute;width:100%;height:100%;}
.carousel-item-image-wrapper {position:relative;width:100%;height:100%;overflow:hidden;}
.carousel-item-image-wrapper:before {z-index:20;}
.carousel-item-image-wrapper:after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-color:#000;z-index:8;}
@media (min-width:768px) {.carousel-item-image-wrapper:after {content:none;}
}
.carousel-item-image {position:relative;height:100%;width:100%;overflow:hidden;}
.carousel-item-image:before {opacity:.2;z-index:20;}
.banner-background {position:absolute;left:0;top:0;width:100%;}
.carousel-item-image img {position:relative;width:100%;height:100%;max-width:none;z-index:10;}
.index-banner .swiper-inner-text-wrap {position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;}
.carousel-item1 .page-header-fullscreen-text {/*background:url(bannerbg.png) center center no-repeat;background-size:cover;*/}
/*.carousel-item .page-header-fullscreen-text {background:-moz-linear-gradient(left,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(23,9,49,.6)),to(rgba(30,95,116,.6))));background:-webkit-linear-gradient(left,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background:-o-linear-gradient(left,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background:-ms-linear-gradient(left,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background:linear-gradient(to right,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)',endColorstr='rgba(30,95,116,.6)',GradientType=1 );}
*/.index-banner .swiper-inner-text {position:absolute;top:50%;left:15%;/*right:12%;*/width:auto;color:#fff;line-height:1.3;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.index-banner .carousel-item1 .swiper-inner-text {text-align:left;}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des {font-size:36px;line-height:60px;}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des span {font-size:48px;display:block;margin-bottom:10px;}
.index-banner .carousel-item .link {width:135px;height:50px;background:#222 url(../images/icon22.png) 95px center no-repeat;display:block;font-size:14px;line-height:50px;color:#fff;font-family:'sheepsansbol';padding-left:20px;margin-top:48px;}
.index-banner .carousel-item2 .swiper-inner-text {text-align:left;}
.index-banner .carousel-item2 .cansual-title {font-size:48px;color:#fff;}
.index-banner .cansual-line {width:0;height:3px;margin:25px 0 20px;background:#fff;}
.index-banner .cansual-des {font-size:18px;color:#fff;line-height:1.8;}
.index-banner .carousel-item3 .cansual-des {font-size:36px;line-height:60px;}
.index-banner .carousel-item3 .cansual-des .s1 {font-size:48px;line-height:78px;font-family:'gotham-medium';}
.index-banner .carousel-item2 .cansual-des {text-align:left;font-size:22px;}
.index-banner .carousel-item2 .cansual-des .s1 {font-size:30px;font-family:'gotham-medium';}
.index-banner .carousel-item2 .cansual-des .s2 {font-size:48px;font-weight:bold;}
.index-banner .carousel-item1 .cansual-des .s2 {font-size:48px;font-weight:bold;}
.index-banner .carousel-item3 .cansual-des .s2 {font-size:48px;font-weight:bold;}
.index-banner .carousel-item .cansual-title {margin-bottom:10px;font-size:40px;font-weight:bold;color:#fff;text-align:left;}
.index-banner .carousel-item3 .cansual-item-title .en-word {display:block;padding-bottom:15px;font-family:'AkzidenzGrotesk-BoldCondAlt';font-size:84px;color:#fff;line-height:.9;}
.index-banner .carousel-item4 .swiper-inner-text {padding-left:50%;text-align:left;}
.index-banner .carousel-item4 .cansual-item-title {font-size:48px;color:#fff;}
.index-banner .carousel-item3 .cansual-des {margin-bottom:35px;}
.index-banner .cansual-item-title {position:relative;margin-bottom:15px;}
.index-banner .cansual-item-title .small-title {display:block;margin-bottom:-10px;font-size:22px;line-height:36px;}
.index-banner .cansual-item-title .number {font:normal 180px/1 'AkzidenzGrotesk-BoldCondAlt';color:#fff;letter-spacing:3px;margin-left:-6px;}
.index-banner .carousel-item3 .cansual-item-title .number {padding-bottom:15px;font:normal 84px/1 'AkzidenzGrotesk-BoldCondAlt';}
.index-banner .cansual-item-title .number .add-icon {font-size:60px;line-height:180px;vertical-align:40px;}
.carousel-item-subtitle-line {position:absolute;bottom:0;left:0;width:30px;height:3px;background-color:#fff;content:'';}
.index-banner .cansual-item-title .small-title,.index-banner .cansual-item-title .number,.index-banner .cansual-sub-title,.index-banner .carousel-item .cansual-des,.index-banner .carousel-item .cansual-line,.index-banner .carousel-item3 .cansual-title,.index-banner .carousel-item3 .radiu-button {display:block;opacity:0;transform:translate3d(-150%,0,0);transition:all 1s;transition-delay:.2s;overflow:hidden;}
.index-banner .carousel-item2 .cansual-des {transform:translate3d(150%,0,0);}
.index-banner .carousel-item3 .cansual-des,.index-banner .carousel-item3 .cansual-line,.index-banner .carousel-item3 .cansual-title,.index-banner .carousel-item3 .radiu-button {text-align:left;transform:translate3d(0,-150%,0);}
.index-banner .carousel-item .cansual-line {transition-delay:.2s;}
.index-banner .carousel-item3 .cansual-des {transition-delay:.4s;}
.index-banner .active .cansual-item-title .small-title,.index-banner .active .cansual-item-title .number,.index-banner .active .cansual-sub-title,.index-banner .carousel-item.active .cansual-des,.index-banner .carousel-item3.active .cansual-title,.index-banner .carousel-item.active .cansual-line,.index-banner .carousel-item3.active .radiu-button {opacity:1;transform:none;}
.index-banner .carousel-item2 .cansual-title {opacity:0;transform:matrix(1,0,0,1,0,-80);-webkit-transform:matrix(1,0,0,1,0,-80);-moz-transform:matrix(1,0,0,1,0,-80);transition:all 1000ms cubic-bezier(0.35,0.85,0.55,1) 0.6s;-webkit-transition:all 1000ms cubic-bezier(0.35,0.85,0.55,1) 0.6s;-moz-transition:all 1000ms cubic-bezier(0.35,0.85,0.55,1) 0.6s;}
.index-banner .carousel-item2.active .cansual-title {opacity:1;transform:matrix(1,0,0,1,0,0);-webkit-transform:matrix(1,0,0,1,0,0);-moz-transform:matrix(1,0,0,1,0,0);}
.index-banner .carousel-item .cansual-line {width:45px;}
.index-banner .carousel-item3 .radiu-button {color:#fff;text-align:center;border:1px solid #fff;background:transparent;}
.index-banner .carousel-item3 .radiu-button:hover {color:#333;background:#fff;}
.carousel-item-subtitle-line-timer {position:absolute;top:0;left:0;background-color:#fff;display:block;height:100%;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;}
.active .carousel-item-subtitle-line-timer {animation:linewidth 5s;-moz-animation:linewidth 5s;-webkit-animation:linewidth 5s;-o-animation:linewidth 5s;animation-delay:1s;-webkit-animation-delay:1s;}
@keyframes linewidth {from {width:0;}
to {width:100%;}
}
@-moz-keyframes linewidth {from {width:0;}
to {width:100%;}
}
@-webkit-keyframes linewidth {from {width:0;}
to {width:100%;}
}
@-o-keyframes linewidth {from {width:0;}
to {width:100%;}
}
.page-header-fullscreen-text {position:absolute;top:50%;right:0;left:0;text-align:center;z-index:25;}
.collapsing .page-header-fullscreen-text {transition:.8s -webkit-transform cubic-bezier(.19,1,.22,1);transition:.8s transform cubic-bezier(.19,1,.22,1);}
/*@media (min-width:768px) {.page-header-fullscreen-text {padding-top:100px;-webkit-transform:none;-ms-transform:none;transform:none;}
.page-header-fullscreen-text:before {position:absolute;display:block;content:"";width:0;height:0;background-color:transparent;border-radius:100px;box-shadow:0 0 157px 142px rgba(0,0,0,.17);left:50%;top:50%;}
}
*/.index-banner .cansual-sub-title span {display:block;font-size:20px;line-height:32px;}
.page-header-bar {position:absolute;right:0;left:0;bottom:0;height:70px;line-height:70px;z-index:55;transform-origin:bottom;-webkit-transform-origin:bottom;-moz-transform-origin:bottom;transform:rotateX(0deg) translate3d(0,0,0);-webkit-transform:rotateX(0deg) translate3d(0,0,0);-moz-transform:rotateX(0deg) translate3d(0,0,0);transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;-webkit-transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;-moz-transition:all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;}
/*.page-header-bar.active {transform:rotateX(90deg) translate3d(0,0,0);-webkit-transform:rotateX(90deg) translate3d(0,0,0);-moz-transform:rotateX(90deg) translate3d(0,0,0);}
*/.page-header-bar-inner {transition:-webkit-transform .4s;transition:transform .4s;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;}
.page-header-bar-hidden .page-header-bar-inner,.static.home .page-header-bar-inner {transition:visibility .4s steps(1,end),-webkit-transform .4s;transition:visibility .4s steps(1,end),transform .4s;visibility:hidden;-webkit-transform:rotateX(94deg) rotateZ(0);transform:rotateX(94deg) rotateZ(0);}
.no-transition .page-header-bar-inner {transition:none;}
.page-header-collapsed .page-header-bar-inner {visibility:hidden;transition:none;}
.carousel-bar-inner {width:100%;height:100%;}
.carousel-bar-title-word {padding-left:75px;font-size:12px;color:#666;}
.carousel-scroll-btn {z-index:56;position:absolute;bottom:50px;left:160px;width:52px;height:52px;border:1px solid #fff;border-radius:100%;overflow:hidden;cursor:pointer;}
.carousel-scroll-btn .carousel-scroll-btn-icon {position:absolute;display:block;width:52px;height:52px;margin:0 auto;background:url(../images/icon2.png) no-repeat center center;cursor:pointer;animation:downico 1.5s ease-out infinite;}
@keyframes downico {0% {top:0;opacity:1;}
35% {top:50%;opacity:0;}
65% {top:-50%;opacity:0;}
100% {top:0;opacity:1;}
}
.carousel-controls {position:absolute;right:0;top:0;width:465px;height:70px;background:rgba(255,255,255,.6);}
.carousel-controls .count {position:absolute;left:0;width:180px;padding-left:66px;font:bold 18px/80px 'gotham-medium';color:#999;}
.carousel-controls .count span {display:inline-block;}
.carousel-controls .count .current {color:#222;}
.carousel-controls .controls {position:absolute;left:180px;}
.carousel-controls .carousel-line {z-index:1;position:absolute;left:50%;top:18px;display:block;width:1px;height:35px;background:#e5e5e5;opacity:.3;}
.carousel-controls .carousel-control {float:left;width:70px;height:70px;cursor:pointer;}
.carousel-controls .swiper-button-next,.carousel-controls .swiper-button-prev {position:relative;width:100%;height:100%;overflow:hidden;}
.carousel-controls .swiper-button-line {z-index:1;position:absolute;top:0;display:block;width:25px;height:100%;overflow:hidden;transition:all .45s ease-out 0s;-webkit-transition:all .45s ease-out 0s;-moz-transition:all .45s ease-out 0s;}
.carousel-controls .swiper-button-prev .swiper-button-line {background:url(../images/icon4.png) no-repeat left center;left:15px;}
.carousel-controls .swiper-button-next .swiper-button-line {background:url(../images/icon3.png) no-repeat right center;right:15px;}
.carousel-controls .swiper-button-prev:hover .swiper-button-line {width:35px;}
.carousel-controls .swiper-button-next:hover .swiper-button-line {width:35px;}
/*.carousel-controls .swiper-button:after {content:'';position:absolute;top:39px;display:block;width:14px;height:2px;background-color:#333;-webkit-transition:-webkit-transform .45s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform .45s cubic-bezier(.25,.46,.45,.94) 0s;-webkit-transform:scale(0,1);transform:scale(0,1);}
.carousel-controls .swiper-button-prev:after {left:28px;}
.carousel-controls .swiper-button-next:after {right:28px;}
@media(min-width:1200px) {.carousel-controls .swiper-button:hover:after {transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);}
}
*/.index-page-block {/*z-index:99;*//*position:relative;*/background:#fff;}
.index-service {position:relative;padding:90px 0 100px;overflow:hidden;}
.index-customer .index-title .big-title .big {background:#fff;}
.swiper-slide-text-scroll {position:relative;}
.radiu-button {z-index:2;position:relative;display:block;width:215px;height:60px;font:normal 16px/60px 'gotham-medium';text-align:center;background:#fff;border:1px solid #fff;border-radius:30px;transition:all .4s ease-in-out;overflow:hidden;}
.radiu-button:hover {color:#fff;background:#000;border-color:#000;}
.radiu-button:hover:after {transform-origin:center bottom;transform:scaleY(1);}
.ourwork-mobile-images-scroll .work-buttons .iconfont {background:transparent;}
.ourwork-mobile-images-scroll .work-buttons .iconfont:after {background:#fff;}
.index-data {position:relative;overflow:hidden;}
.index-data .video {display:block;}
.index-data .wrap {z-index:1;position:relative;background:-moz-linear-gradient(left,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(23,9,49,.6)),to(rgba(30,95,116,.6))));background:-webkit-linear-gradient(left,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background:-o-linear-gradient(left,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background:-ms-linear-gradient(left,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background:linear-gradient(to right,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)',endColorstr='rgba(30,95,116,.6)',GradientType=1 );}
.index-data .index-data-list {width:1140px;margin:0 auto;padding:180px 0;}
.data-background {position:absolute;top:0;left:0;display:block;width:100%;}
.index-data .item {float:left;width:33.33%;height:240px;}
.index-data .item-inner {position:relative;height:240px;text-align:center;border-right:1px solid rgba(255,255,255,.2);}
.index-data .item:nth-child(3n) .item-inner {border-right:0;}
.index-data .item:first-child .item-inner,.index-data .item:nth-child(2) .item-inner,.index-data .item:nth-child(3) .item-inner {border-bottom:1px solid rgba(255,255,255,.2);}
.index-data .text-wrap {position:absolute;top:50%;width:100%;font-size:16px;color:#fff;transform:translateY(-50%);}
.index-data .text-wrap .number-wrap {display:block;font:normal 108px/1 'AkzidenzGrotesk-BoldCondAlt';color:#fff;letter-spacing:2px;}
.index-data .text-wrap .number-wrap .icon {display:inline-block;font-size:72px;vertical-align:13px;}
.index-tips {width:770px;margin:0 auto 60px;font-size:14px;color:#666;line-height:1.8;text-align:center;}
.index-customer .wrap {padding:90px 10%;}
.index-customer-list {transform:translateY(50px);-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;overflow:hidden;}
.index-customer.active .index-customer-list {transform:none;}
.index-customer-list li {position:relative;float:left;width:20%;height:200px;padding:27px 0;text-align:center;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;transition-delay:.5s;}
/*.index-customer-list .item600 {top:600px;}
*//*.index-customer-list .item450 {top:450px;}
*//*.index-customer-list .item550 {top:550px;}
*//*.index-customer-list .item400 {top:400px;}
*//*.index-customer-list .item300 {top:300px;}
*//*.index-customer-list .item700 {top:700px;}
*/.index-customer.active .index-customer-list li.item {top:0;}
.index-customer-list .item-inner {display:block;width:100%;height:145px;border-left:1px solid #e6e6e6;}
.index-customer-list li:nth-child(5n +1) .item-inner {border-left:0;}
.index-customer-list li:nth-child(5n +1) .lt-dot,.index-customer-list li:nth-child(5n +1) .lb-dot,.index-customer-list li:nth-child(5n) .rt-dot,.index-customer-list li:nth-child(5n) .rb-dot {display:none;}
.index-customer-list li:nth-child(5n) .item-inner {}
.index-customer-list li a {position:absolute;top:0;left:50%;display:block;width:80%;height:200px;margin-left:-40%;}
.index-customer-list li.double-item a {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.index-customer-list li img {position:absolute;top:50%;left:50%;display:block;margin-left:-75px;transition:all .5s linear 10ms;}
.index-customer-list li img:first-child {}
.index-customer-list li img:last-child {opacity:.6;}
.index-customer-list li:hover img:last-child,.index-customer-list li img:first-child {opacity:0;transform:translateY(-50%) rotateY(180deg);}
.index-customer-list li img,.index-customer-list li:hover img:first-child {opacity:1;transform:translateY(-50%) rotateY(0deg);}
.index-customer-list .dot {position:absolute;display:block;width:2px;height:2px;background:#e6e6e6;}
.index-customer-list .lt-dot {left:0;top:0;}
.index-customer-list .lb-dot {left:0;bottom:0;}
.index-customer-list .rt-dot {right:0;top:0;}
.index-customer-list .rb-dot {right:0;bottom:0;}
.index-title,.index-service-scroll-wrap {opacity:0;margin-top:30px;transition:all .5s ease-in-out;}
.normal-more-wrap1 {padding-top:50px;text-align:center;}
.normal-more-wrap1 .more {position:relative;display:inline-block;width:60px;height:60px;padding-top:23px;background:#fff;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
.normal-more-wrap1 .more .icon {z-index:1;position:relative;display:inline-block;width:22px;height:10px;background:url(../images/more-icon.png) no-repeat center center;transition:all .5s ease-in-out;}
.normal-more-wrap1 .more:hover .icon {background:url(../images/more-icon1.png) no-repeat center center;}
.normal-more-wrap1 .more:after {content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:#339ec1;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;transform:scale(0);transition:all .5s ease-in-out;}
.normal-more-wrap1 .more:hover:after {transform:scale(1);}
.swiper-container {position:relative;width:100%;height:100%;}
.inner-main-container {background:#f2f2f2;}
.inner-main-container img {max-width:100%;vertical-align:middle;}
.inner-main-container.contact-us {background:#f6f6f6;}
.ourwork-mobile-article .code-wrap img {max-width:120px;}
.inner-main-container .each-item .image-wrap img {display:block;width:100%;height:100%;max-width:none;transition:all .4s;}
.ourwork-list .each-item .image-wrap,.solution-list .each-item .image-wrap {position:relative;overflow:hidden;}
.ourwork-list .each-item:hover .image-wrap img,.solution-list .each-item:hover .image-wrap img {transform:scale(1.025);}
.inner-main-container .fullwindow-banner .each-item img {height:70px;}
.normal-inner-banner,.fullwindow-banner {position:relative;width:100%;height:100%;}
.fullwindow-banner {height:100vh;}
.fullwindow-banner img {width:100%;height:100%;}
.normal-inner-banner .normal-banner-inner-wrap {position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;background:-moz-linear-gradient(left,rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,95,116,.7)),to(rgba(23,9,49,.7))));background:-webkit-linear-gradient(left,rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);background:-o-linear-gradient(left,rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);background:-ms-linear-gradient(left,rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);background:linear-gradient(to right,rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.7)',endColorstr='rgba(23,9,49,.7)',GradientType=1 );}
.normal-inner-banner.left-text-banner .normal-banner-inner {padding-top:90px;color:#fff;text-align:left;}
.news-page .normal-inner-banner .container {max-width:1350px;}
.normal-inner-banner .normal-banner-inner {position:absolute;top:50%;width:100%;transform:translateY(-50%);}
.normal-inner-banner img {display:block;height:100%;min-height:450px;}
.solution-info-banner.normal-inner-banner img {-webkit-filter:blur(4px);-moz-filter:blur(4px);-ms-filter:blur(4px);filter:blur(4px);}
.left-text-banner .inner-banner-title1 {font:42px/1 'Gotham-Bold';text-transform:uppercase;}
.left-text-banner .inner-banner-title2 {font-size:28px;font-weight:bold;color:#fff;}
.left-text-banner .inner-line {margin:25px 0 20px;background:#fff;}
.inner-banner-title {padding-top:40px;font-weight:bold;font-size:32px;color:#fff;text-align:center;}
.inner-banner-title .mark img {display:inline-block;max-width:100%;height:26px;min-height:26px;}
.normal-inner-banner .descrition {margin-top:16px;font-size:16px;color:#fff;line-height:28px;}
.fullwindow-banner-inner-wrap {position:absolute;left:0;top:0;width:100%;height:100%;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,95,116,.6)),to(rgba(23,9,49,.6)));background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,95,116,.6)),to(rgba(23,9,49,.6)));background:-webkit-linear-gradient(left,rgba(30,95,116,.6),rgba(23,9,49,.6));background:-moz-linear-gradient(left,rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,95,116,.6)),to(rgba(23,9,49,.6))));background:-webkit-linear-gradient(left,rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);background:-o-linear-gradient(left,rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);background:-ms-linear-gradient(left,rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);background:linear-gradient(to right,rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.6)',endColorstr='rgba(23,9,49,.6)',GradientType=1 );}
.fullwindow-banner-inner {position:absolute;top:50%;left:50%;width:60.5%;margin-left:-30%;transform:translateY(-50%);}
.fullwindow-banner-inner li {position:relative;float:left;width:34.33%;height:25vh;text-align:center;border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15);}
.fullwindow-banner-inner li:nth-child(2),.fullwindow-banner-inner li:nth-child(5) {width:31.33%;}
.fullwindow-banner-inner li:first-child,.fullwindow-banner-inner li:nth-child(2),.fullwindow-banner-inner li:nth-child(3) {border-top:0;}
.fullwindow-banner-inner li:first-child,.fullwindow-banner-inner li:nth-child(3n+1) {border-left:0;}
.fullwindow-banner-inner .each-item img {width:auto;max-width:100%;margin:0 auto;}
.fullwindow-banner-inner .item-inner {position:absolute;top:50%;width:100%;transform:translateY(-50%);}
.fullwindow-banner-inner .item-inner .icon-wrap {display:block;height:70px;}
.fullwindow-banner-inner .item-inner .text-inner {display:block;padding-top:15px;font-weight:normal;font-size:16px;color:#fff;}
.inner-title {font-weight:bold;font-size:42px;color:#333;}
.inner-line {display:inline-block;width:55px;height:4px;margin:15px 0 30px;background:#333;}
.inner-descrition {font-size:16px;color:#333;line-height:1.75;}
.about-page {padding-bottom:85px;}
.about-page .each-item .image-wrap img {width:100%;}
.about-wrap-first {z-index:1;position:relative;height:43vh;text-align:center;background:#fff;}
.about-wrap-first .inner-descrition {width:720px;margin:0 auto;}
.about-wrap-first .inner-text-wrap {position:absolute;top:50%;left:50%;width:60%;margin-left:-30%;transform:translateY(-50%);}
.about-wrap-second .item-list {margin-left:-1%;}
.about-wrap-second .each-item {float:left;width:49%;margin:0 0 1% 1%;}
.about-page .image-wrap {position:relative;overflow:hidden;}
.about-page .image-wrap:after,.join-list .each-item .image-wrap:after,.ourwork-list .each-item .image-wrap:after,.solution-list .each-item .image-wrap:after {content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition:all .6s ease-in-out;}
.ourwork-list .each-item .image-wrap:after,.solution-list .each-item .image-wrap:after {background:rgba(0,0,0,0);}
.about-wrap-second .each-item:hover .image-wrap:after,.about-wrap-four .each-item:hover .image-wrap:after,.about-page .each-item .image-wrap:hover:after,.join-list .each-item:hover .image-wrap:after,.ourwork-list .each-item:hover .image-wrap:after,.solution-list .each-item:hover .image-wrap:after {opacity:1;}
.about-page .each-item img,.join-list .each-item .image-wrap img {transition:all .4s ease-in-out;}
.about-wrap-second .each-item:hover .image-wrap img,.about-page .each-item .image-wrap:hover img,.join-list .each-item:hover .image-wrap img {transform:scale(1.05);}
.about-wrap-second .item-inner {position:relative;}
.about-wrap-second .item-inner .text-wrap {position:absolute;bottom:0;left:0;width:100%;background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));}
.about-wrap-second .item-inner .text-inner {padding:5%;color:#fff;}
.about-wrap-second .item-inner .title {font-weight:bold;font-size:20px;color:#fff;}
.about-wrap-second .item-inner .line {display:inline-block;width:55px;height:2px;margin:10px 0 5px;background:#fff;}
.about-wrap-second .item-inner .descrition {width:66%;font-size:12px;color:#fff;line-height:2;}
.about-wrap-three .each-item,.about-wrap-five .each-item {margin-bottom:1%;overflow:hidden;}
.about-wrap-three .each-item .item-inner > div,.about-wrap-five .each-item .item-inner a > div {float:left;}
.about-wrap-three .each-item .item-inner > div.image-wrap,.about-wrap-five .each-item .item-inner a > div.image-wrap {float:right;}
.about-wrap-three .each-item .item-inner > div {width:50%;}
.about-wrap-three .each-item,.about-wrap-five .each-item {position:relative;background:#fff;}
.about-wrap-three .each-item .text-inner {padding:9.25%;}
.about-wrap-three .each-item .inner-title {font-size:36px;}
.about-wrap-three .each-item .inner-line {width:40px;margin:20px 0;}
.about-wrap-three .each-item .inner-descrition {width:80%;}
.about-wrap-four .each-item {position:relative;}
.about-wrap-four .each-item .text-wrap {position:absolute;top:0;width:100%;height:100%;text-align:center;}
.about-wrap-four .each-item .text-inner {position:absolute;top:50%;width:100%;transform:translateY(-50%);}
.about-wrap-four .each-item .text-inner .title {margin-bottom:50px;font-size:36px;font-weight:bold;color:#fff;transform:translateY(20px);opacity:0;transition:all .6s ease-in-out;}
.about-wrap-four .each-item .normal-more-wrap2 {transform:translateY(-20px);opacity:0;transition:all .6s ease-in-out;}
.about-wrap-four .each-item .normal-more-wrap2:before {border-color:#fff;}
.about-wrap-four .each-item .normal-more-wrap2:after {background:#fff;}
.about-wrap-four .each-item:hover .text-inner .title,.about-wrap-four .each-item:hover .normal-more-wrap2 {opacity:1;transform:none;}
.about-wrap-five .each-item .text-wrap {width:42.5%;}
.about-wrap-five .each-item .text-inner {padding:11.5%;}
.about-wrap-five .each-item .inner-title {margin-bottom:23px;font-size:36px;text-transform:uppercase;}
.about-wrap-five .each-item .image-wrap {width:57.5%;}
.about-wrap-five .each-item .inner-descrition {width:77.5%;font-size:18px;}
.about-wrap-five .normal-more-wrap2 {position:absolute;bottom:10%;border-color:#333;transition:all .4s;}
.about-wrap-five .normal-more-wrap2:hover {border-color:#fff;}
.about-wrap-five .normal-more-wrap2:before {background:url(../images/more-icon.png) no-repeat center center;}
.about-wrap-five .normal-more-wrap2:hover:before {background:url(../images/more-icon1.png) no-repeat center center;}
/*about*/.fullwindow-banner-inner li .icon-wrap,.fullwindow-banner-inner li .text,.about-wrap-second .item-inner .title,.about-wrap-second .item-inner .line,.about-wrap-second .item-inner .descrition {opacity:0;transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);}
.fullwindow-banner-inner.active li .icon-wrap,.fullwindow-banner-inner.active li .text,.about-wrap-second .each-item:hover .item-inner .title,.about-wrap-second .each-item:hover .item-inner .line,.about-wrap-second .each-item:hover .item-inner .descrition {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
.fullwindow-banner-inner li:nth-of-type(1) .icon-wrap,.about-wrap-second .item-inner .title,.about-wrap-second .item-inner .line,.about-wrap-second .item-inner .descrition {transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;}
.fullwindow-banner-inner li:nth-of-type(1) .text {transition:all 0.5s ease-out .1s;-webkit-transition:all 0.5s ease-out .1s;-moz-transition:all 0.5s ease-out .1s;}
.fullwindow-banner-inner li:nth-of-type(2) .icon-wrap {transition:all 0.5s ease-out .2s;-webkit-transition:all 0.5s ease-out .2s;-moz-transition:all 0.5s ease-out .2s;}
.fullwindow-banner-inner li:nth-of-type(2) .text {transition:all 0.5s ease-out .3s;-webkit-transition:all 0.5s ease-out .3s;-moz-transition:all 0.5s ease-out .3s;}
.fullwindow-banner-inner li:nth-of-type(3) .icon-wrap {transition:all 0.5s ease-out .4s;-webkit-transition:all 0.5s ease-out .4s;-moz-transition:all 0.5s ease-out .4s;}
.fullwindow-banner-inner li:nth-of-type(3) .text {transition:all 0.5s ease-out .5s;-webkit-transition:all 0.5s ease-out .5s;-moz-transition:all 0.5s ease-out .5s;}
.fullwindow-banner-inner li:nth-of-type(4) .icon-wrap {transition:all 0.5s ease-out .6s;-webkit-transition:all 0.5s ease-out .6s;-moz-transition:all 0.5s ease-out .6s;}
.fullwindow-banner-inner li:nth-of-type(4) .text {transition:all 0.5s ease-out .7s;-webkit-transition:all 0.5s ease-out .7s;-moz-transition:all 0.5s ease-out .7s;}
.fullwindow-banner-inner li:nth-of-type(5) .icon-wrap {transition:all 0.5s ease-out .8s;-webkit-transition:all 0.5s ease-out .8s;-moz-transition:all 0.5s ease-out .8s;}
.fullwindow-banner-inner li:nth-of-type(5) .text {transition:all 0.5s ease-out .9s;-webkit-transition:all 0.5s ease-out .9s;-moz-transition:all 0.5s ease-out .9s;}
.fullwindow-banner-inner li:nth-of-type(6) .icon-wrap {transition:all 0.5s ease-out 1s;-webkit-transition:all 0.5s ease-out 1s;-moz-transition:all 0.5s ease-out 1s;}
.fullwindow-banner-inner li:nth-of-type(6) .text {transition:all 0.5s ease-out 1.1s;-webkit-transition:all 0.5s ease-out 1.1s;-moz-transition:all 0.5s ease-out 1.1s;}
/*index-advantage*/.index-advantage {width:100%;background:#fff;padding:50px 0 30px 0;}
.index-box {max-width:1600px;margin:auto;position:relative;}
.advantage-title {width:100%;position:relative;padding-bottom:54px;}
.advantage-title .bdl {font-size:70px;line-height:70px;font-family:Helvetica;color:#000;}
.advantage-title .tbox {}
.advantage-title .title {font-size:36px;line-height:1;font-weight:bold;color:#222;margin-bottom:23px;}
.advantage-title .txt {width:685px;font-size:14px;line-height:24px;color:#666;}
.advantage-title .bdr {font-size:70px;line-height:70px;font-family:Helvetica;color:#000;display:table;position:absolute;right:0;top:110px;}
.advantage-title .bdr span {width:300px;height:2px;background:#222;display:inline-block;position:absolute;top:9px;right:65px;}
.advantage-list {width:100%;display:table;border-bottom:2px solid #222;padding-bottom:60px;overflow:hidden;}
.advantage-list li {width:20%;float:left;box-sizing:border-box;padding:60px 20px 54px 40px;background:#fff;transition:all ease .3s;border-radius:3px;margin:0 5.125% 0 0.5%;}
.advantage-list li:nth-child(4n) {margin:0 0 0 8px;}
.advantage-list li:hover {background:#21abd7;}
.advantage-list li .icon {width:100%;height:100px;transition:all ease .3s;}
.advantage-list li .icon1 {background:url(../images/icon8.png) left top no-repeat;}
.advantage-list li .icon2 {background:url(../images/icon9.png) left top no-repeat;}
.advantage-list li .icon3 {background:url(../images/icon10.png) left top no-repeat;}
.advantage-list li .icon4 {background:url(../images/icon11.png) left top no-repeat;}
.advantage-list li:hover .icon1 {background:url(../images/icon12.png) left top no-repeat;}
.advantage-list li:hover .icon2 {background:url(../images/icon13.png) left top no-repeat;}
.advantage-list li:hover .icon3 {background:url(../images/icon14.png) left top no-repeat;}
.advantage-list li:hover .icon4 {background:url(../images/icon15.png) left top no-repeat;}
.advantage-list li .title {font-size:24px;color:#222;line-height:36px;font-weight:bold;margin-bottom:28px;transition:all ease .3s;}
.advantage-list li:hover .title {color:#fff;}
.advantage-list li .txt {color:#666;font-size:14px;line-height:24px;transition:all ease .3s;}
.advantage-list li:hover .txt {color:#fff;}
.advantage-list li .link {width:0;height:10px;margin-top:45px;background:url(../images/icon16.png) right center no-repeat;transition:all ease .3s;}
.advantage-list li:hover .link {width:48px;}
/*index-case*/
  
@media(max-width:1630px) {.index-box {width:100%;padding:0 40px;}
 
.advantage-list li {width:23%;margin:0 1.125% 0 0.5%;padding:60px 20px 20px 20px}
 
.index-solution-box .tbox {padding:4.5% 20px 0 40px;}
 
.index-client-tbox {padding:100px 20px 0;}
.top-foot {padding:60px 40px 0;}
.friend-link {padding:41px 40px 21px;}
.index-client.active .index-client-img .img1 {left:1.6%;top:13.7%;}
.index-client.active .index-client-img .img2 {left:9%;top:27.4%;}
.index-client.active .index-client-img .img3 {left:4.4%;top:50%;}
.index-client.active .index-client-img .img4 {left:1.6%;top:76.7%;}
.index-client.active .index-client-img .img5 {left:20%;top:11.8%;}
.index-client.active .index-client-img .img6 {left:23.5%;top:31.5%;}
.index-client.active .index-client-img .img7 {left:17%;top:53%;}
.index-client.active .index-client-img .img8 {left:15.8%;top:76%;}
.index-client.active .index-client-img .img9 {left:39.6%;top:17.6%;}
.index-client.active .index-client-img .img10 {left:37.4%;top:41.1%;}
.index-client.active .index-client-img .img11 {left:31.25%;top:65.8%;}
.index-client.active .index-client-img .img12 {left:56.8%;top:12.6%;}
.index-client.active .index-client-img .img13 {left:56%;top:40%;}
.index-client.active .index-client-img .img14 {left:51.25%;top:64.4%;}
.index-client.active .index-client-img .img15 {left:75.2%;top:15.7%;}
.index-client.active .index-client-img .img16 {left:70.6%;top:35%;}
.index-client.active .index-client-img .img17 {left:68.7%;top:59%;}
.index-client.active .index-client-img .img18 {left:66%;top:81.6%;}
.index-client.active .index-client-img .img19 {left:83.4%;top:52.4%;}
.index-client.active .index-client-img .img20 {left:80%;top:77%;}
}
@media(max-width:1330px) {.data-background {height:100%;}
header .right-side li {margin:0 13px;display:inline-block;}
}
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge {-webkit-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes bounce {0%,100%,20%,53%,80% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
40%,43% {-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}
70% {-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}
90% {-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}
}
@keyframes bounce {0%,100%,20%,53%,80% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
40%,43% {-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}
70% {-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}
90% {-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}
}
.bounce {-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;}
@-webkit-keyframes flash {0%,100%,50% {opacity:1;}
25%,75% {opacity:0;}
}
@keyframes flash {0%,100%,50% {opacity:1;}
25%,75% {opacity:0;}
}
.flash {-webkit-animation-name:flash;animation-name:flash;}
@-webkit-keyframes pulse {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes pulse {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
.pulse {-webkit-animation-name:pulse;animation-name:pulse;}
@-webkit-keyframes rubberBand {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
30% {-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);}
40% {-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}
50% {-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);}
65% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}
75% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}
100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes rubberBand {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
30% {-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);}
40% {-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}
50% {-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);}
65% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}
75% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}
100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
.rubberBand {-webkit-animation-name:rubberBand;animation-name:rubberBand;}
@-webkit-keyframes shake {0%,100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
10%,30%,50%,70%,90% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}
20%,40%,60%,80% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}
}
@keyframes shake {0%,100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
10%,30%,50%,70%,90% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}
20%,40%,60%,80% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}
}
.shake {-webkit-animation-name:shake;animation-name:shake;}
@-webkit-keyframes swing {20% {-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}
40% {-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}
60% {-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}
80% {-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}
100% {-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}
}
@keyframes swing {20% {-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}
40% {-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}
60% {-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}
80% {-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}
100% {-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}
}
.swing {-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}
@-webkit-keyframes tada {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
10%,20% {-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
30%,50%,70%,90% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
40%,60%,80% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes tada {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
10%,20% {-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
30%,50%,70%,90% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
40%,60%,80% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
.tada {-webkit-animation-name:tada;animation-name:tada;}
@-webkit-keyframes wobble {0% {-webkit-transform:none;transform:none;}
15% {-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}
30% {-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}
45% {-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}
60% {-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}
75% {-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}
100% {-webkit-transform:none;transform:none;}
}
@keyframes wobble {0% {-webkit-transform:none;transform:none;}
15% {-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}
30% {-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}
45% {-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}
60% {-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}
75% {-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}
100% {-webkit-transform:none;transform:none;}
}
.wobble {-webkit-animation-name:wobble;animation-name:wobble;}
@-webkit-keyframes bounceIn {0%,100%,20%,40%,60%,80% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);}
0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
20% {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
40% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
60% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}
80% {-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}
100% {opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes bounceIn {0%,100%,20%,40%,60%,80% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);}
0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
20% {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
40% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
60% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}
80% {-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}
100% {opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
.bounceIn {-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s;}
@-webkit-keyframes bounceInDown {0%,100%,60%,75%,90% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);}
0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}
60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}
75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}
100% {-webkit-transform:none;transform:none;}
}
@keyframes bounceInDown {0%,100%,60%,75%,90% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);}
0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}
60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}
75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}
100% {-webkit-transform:none;transform:none;}
}
.bounceInDown {-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes bounceInLeft {0%,100%,60%,75%,90% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);}
0% {opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);}
60% {opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);}
75% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}
90% {-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);}
100% {-webkit-transform:none;transform:none;}
}
@keyframes bounceInLeft {0%,100%,60%,75%,90% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);}
0% {opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);}
60% {opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);}
75% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}
90% {-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);}
100% {-webkit-transform:none;transform:none;}
}
.bounceInLeft {-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight {0%,100%,60%,75%,90% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);}
0% {opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);}
60% {opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);}
75% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}
90% {-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);}
100% {-webkit-transform:none;transform:none;}
}
@keyframes bounceInRight {0%,100%,60%,75%,90% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);}
0% {opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);}
60% {opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);}
75% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}
90% {-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);}
100% {-webkit-transform:none;transform:none;}
}
.bounceInRight {-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes bounceInUp {0%,100%,60%,75%,90% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);}
0% {opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);}
60% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
75% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
90% {-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);}
100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes bounceInUp {0%,100%,60%,75%,90% {-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);}
0% {opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);}
60% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
75% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
90% {-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);}
100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
.bounceInUp {-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
@-webkit-keyframes bounceOut {20% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
50%,55% {opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
100% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}

}
@keyframes bounceOut {20% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
50%,55% {opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
100% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
}
.bounceOut {-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s;}
@-webkit-keyframes bounceOutDown {20% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
40%,45% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
100% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
}
@keyframes bounceOutDown {20% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
40%,45% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
100% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
}
.bounceOutDown {-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}
@-webkit-keyframes bounceOutLeft {20% {opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);}
100% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}
}
@keyframes bounceOutLeft {20% {opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);}
100% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}
}
.bounceOutLeft {-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
@-webkit-keyframes bounceOutRight {20% {opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}
100% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
}
@keyframes bounceOutRight {20% {opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}
100% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
}
.bounceOutRight {-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}
@-webkit-keyframes bounceOutUp {20% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
40%,45% {opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
100% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}
}
@keyframes bounceOutUp {20% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
40%,45% {opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
100% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}
}
.bounceOutUp {-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}
@-webkit-keyframes fadeIn {0% {opacity:0;}
100% {opacity:1;}
}
@keyframes fadeIn {0% {opacity:0;}
100% {opacity:1;}
}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInDown {0% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDown {0% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInDown {-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInDownBig {0% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDownBig {0% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInDownBig {-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-webkit-keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}

@keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeftBig {0% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInLeftBig {0% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInLeftBig {-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInRightBig {0% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInRightBig {0% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInRightBig {-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInUpBig {0% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUpBig {0% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUpBig {-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeOut {0% {opacity:1;}
100% {opacity:0;}
}
@keyframes fadeOut {0% {opacity:1;}
100% {opacity:0;}
}
.fadeOut {-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOutDown {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
}
@keyframes fadeOutDown {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
}
.fadeOutDown {-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}
@-webkit-keyframes fadeOutDownBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
}
@keyframes fadeOutDownBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
}
.fadeOutDownBig {-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
}
@keyframes fadeOutLeft {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
}
.fadeOutLeft {-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}
}
@keyframes fadeOutLeftBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}
}
.fadeOutLeftBig {-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}
@keyframes fadeOutRight {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}
.fadeOutRight {-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
@-webkit-keyframes fadeOutRightBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
}
@keyframes fadeOutRightBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}
}
.fadeOutRightBig {-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}
@-webkit-keyframes fadeOutUp {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
}
@keyframes fadeOutUp {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
}
.fadeOutUp {-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-webkit-keyframes fadeOutUpBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}
}
@keyframes fadeOutUpBig {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}
}
.fadeOutUpBig {-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}
@-webkit-keyframes flip {0% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40% {-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50% {-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80% {-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
100% {-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
@keyframes flip {0% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40% {-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50% {-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80% {-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
100% {-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
.animated.flip {-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}
@-webkit-keyframes flipInX {0% {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}
100% {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInX {0% {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}
100% {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInX {-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInY {0% {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}
100% {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInY {0% {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}
100% {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInY {-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-webkit-keyframes flipOutX {0% {-webkit-transform:perspective(400px);transform:perspective(400px);}
30% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}
100% {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}
}
@keyframes flipOutX {0% {-webkit-transform:perspective(400px);transform:perspective(400px);}
30% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}
100% {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}
}
.flipOutX {-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;}
@-webkit-keyframes flipOutY {0% {-webkit-transform:perspective(400px);transform:perspective(400px);}
30% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}
100% {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}
}
@keyframes flipOutY {0% {-webkit-transform:perspective(400px);transform:perspective(400px);}
30% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}
100% {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}
}
.flipOutY {-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s;}
@-webkit-keyframes lightSpeedIn {0% {-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}
60% {-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}
80% {-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;}
100% {-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes lightSpeedIn {0% {-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}
60% {-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}
80% {-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;}
100% {-webkit-transform:none;transform:none;opacity:1;}
}
.lightSpeedIn {-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
@-webkit-keyframes lightSpeedOut {0% {opacity:1;}
100% {-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}
}
@keyframes lightSpeedOut {0% {opacity:1;}
100% {-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}
}
.lightSpeedOut {-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
@-webkit-keyframes rotateIn {0% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;}
100% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateIn {0% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;}
100% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateIn {-webkit-animation-name:rotateIn;animation-name:rotateIn;}
@-webkit-keyframes rotateInDownLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateInDownLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateInDownLeft {-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateInDownRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateInDownRight {-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateInUpLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateInUpLeft {-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateInUpRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateInUpRight {-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}
@-webkit-keyframes rotateOut {0% {-webkit-transform-origin:center;transform-origin:center;opacity:1;}
100% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0;}
}
@keyframes rotateOut {0% {-webkit-transform-origin:center;transform-origin:center;opacity:1;}
100% {-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0;}
}
.rotateOut {-webkit-animation-name:rotateOut;animation-name:rotateOut;}
@-webkit-keyframes rotateOutDownLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}
}
@keyframes rotateOutDownLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}
}
.rotateOutDownLeft {-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}
@-webkit-keyframes rotateOutDownRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}
}
@keyframes rotateOutDownRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}
}
.rotateOutDownRight {-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}
@-webkit-keyframes rotateOutUpLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}
}
@keyframes rotateOutUpLeft {0% {-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}
}
.rotateOutUpLeft {-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}
@-webkit-keyframes rotateOutUpRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0;}
}
@keyframes rotateOutUpRight {0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
100% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0;}
}
.rotateOutUpRight {-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}
@-webkit-keyframes hinge {0% {-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
20%,60% {-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%,80% {-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}
100% {-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}
}
@keyframes hinge {0% {-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
20%,60% {-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%,80% {-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}
100% {-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}
}
.hinge {-webkit-animation-name:hinge;animation-name:hinge;}
@-webkit-keyframes rollIn {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes rollIn {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
.rollIn {-webkit-animation-name:rollIn;animation-name:rollIn;}
@-webkit-keyframes rollOut {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}
}
@keyframes rollOut {0% {opacity:1;}
100% {opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}
}
.rollOut {-webkit-animation-name:rollOut;animation-name:rollOut;}
@-webkit-keyframes zoomIn {0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
50% {opacity:1;}
}
@keyframes zoomIn {0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
50% {opacity:1;}
}
.zoomIn {-webkit-animation-name:zoomIn;animation-name:zoomIn;}
@-webkit-keyframes zoomInDown {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1);}
}
@keyframes zoomInDown {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1);}
}
.zoomInDown {-webkit-animation-name:zoomInDown;animation-name:zoomInDown;}
@-webkit-keyframes zoomInLeft {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1);}
}
@keyframes zoomInLeft {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1);}
}
.zoomInLeft {-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;}
@-webkit-keyframes zoomInRight {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1);}
}
@keyframes zoomInRight {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1);}
}
.zoomInRight {-webkit-animation-name:zoomInRight;animation-name:zoomInRight;}
@-webkit-keyframes zoomInUp {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1);}
}
@keyframes zoomInUp {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19);}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1);}
}
.zoomInUp {-webkit-animation-name:zoomInUp;animation-name:zoomInUp;}
@-webkit-keyframes zoomOut {0% {opacity:1;}
50% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
100% {opacity:0;}
}
@keyframes zoomOut {0% {opacity:1;}
50% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
100% {opacity:0;}
}
.zoomOut {-webkit-animation-name:zoomOut;animation-name:zoomOut;}
@-webkit-keyframes zoomOutDown {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19);}
100% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1);}
}
@keyframes zoomOutDown {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19);}
100% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1);}
}
.zoomOutDown {-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;}
@-webkit-keyframes zoomOutLeft {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}
100% {opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;}
}
@keyframes zoomOutLeft {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}
100% {opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;}
}
.zoomOutLeft {-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;}
@-webkit-keyframes zoomOutRight {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}
100% {opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;}
}
@keyframes zoomOutRight {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}
100% {opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;}
}
.zoomOutRight {-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;}
@-webkit-keyframes zoomOutUp {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19);}
100% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1);}
}
@keyframes zoomOutUp {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19);}
100% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1);}
}
.zoomOutUp {-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;}
@-webkit-keyframes slideInDown {0% {-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible;}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInDown {0% {-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible;}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
.slideInDown {-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft {0% {-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible;}
100% {-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInLeft {0% {-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible;}
100% {-webkit-transform:translateX(0);transform:translateX(0);}
}
.slideInLeft {-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight {0% {-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;}
100% {-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInRight {0% {-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;}
100% {-webkit-transform:translateX(0);transform:translateX(0);}
}
.slideInRight {-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideInUp {0% {-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInUp {0% {-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
.slideInUp {-webkit-animation-name:slideInUp;animation-name:slideInUp;}
@-webkit-keyframes slideOutDown {0% {-webkit-transform:translateY(0);transform:translateY(0);}
100% {visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
}
@keyframes slideOutDown {0% {-webkit-transform:translateY(0);transform:translateY(0);}
100% {visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
}
.slideOutDown {-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}
@-webkit-keyframes slideOutLeft {0% {-webkit-transform:translateX(0);transform:translateX(0);}
100% {visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);}
}
@keyframes slideOutLeft {0% {-webkit-transform:translateX(0);transform:translateX(0);}
100% {visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);}
}
.slideOutLeft {-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight {0% {-webkit-transform:translateX(0);transform:translateX(0);}
100% {visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);}
}
@keyframes slideOutRight {0% {-webkit-transform:translateX(0);transform:translateX(0);}
100% {visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);}
}
.slideOutRight {-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-webkit-keyframes slideOutUp {0% {-webkit-transform:translateY(0);transform:translateY(0);}
100% {visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);}
}
@keyframes slideOutUp {0% {-webkit-transform:translateY(0);transform:translateY(0);}
100% {visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);}
}
.slideOutUp {-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}
/*--------footer--------*/
  
/*-------footer-end--------*/@media (max-width:1280px) { 
.ny-banner .nb-menu ul li a {padding:0 15px;}
}
 
@media (max-width:1200px) {header .logo {width:100px;left:20px;}
header .right-side li a {padding:15px 0 6px;font-size:14px;}
.header-phone-number {right:20px;top:16px;font-size:16px;padding-left:22px;}
.ny-banner .nb-menu ul {width:100%;overflow-x:auto;display:flex;white-space:nowrap;}
.ny-banner .nb-menu ul::-webkit-scrollbar {display:none;}
.ny-banner .boxs.n2 .box {bottom:20px;}
.index-banner .carousel-item2 .img-box .img1 {left:735px;top:370px;}
.index-banner .carousel-item2 .img-box .img2 {right:295px;top:355px;}
 
 
.index-data .index-data-list {width:100%;padding:110px 30px;}
.index-solution .index-box {padding:0;}
.index-solution-box .tbox .title {font-size:28px;}
.index-solution-box .tbox .list {margin-top:20px;}
.index-solution-box .tbox .list li a {padding:0px 10px;}
.index-solution-box .tbox .list li {margin:0 20px 15px 0;}
 
.index-client.active .index-client-img .img10 {left:39.4%;top:41.1%;}
.index-client.active .index-client-img .img13 {left:57%;top:28%;}
.index-client.active .index-client-img .img16 {left:68.6%;top:43%;}
}
@media (max-width:960px) {header .logo {width:120px;left:20px;top:10px;}
.header-phone-number {right:20px;top:14px;font-size:16px;line-height:36px;}
header .right-side li {margin:0 5px;}
}
@media (max-width:900px) {.foot-top {display:none;}
.foot-center {display:none;}
.foot-button {padding:15px 3%;}
.foot-button .link-box .copyright {text-align:center;margin-top:0;}
header .right-side {width:100%;float:right;margin-top:0;margin-right:0;padding-right:20px;padding-top:15px;padding:15px 20px 15px 0;}
header .right-side .menu_ico {float:right;}
header .right-side .menu_ico img {width:34px;}
.right-side .menu_ico {display:block;}
header .right-side ul {display:none;background-color:rgba(0,0,0,.9);width:100%;height:100vh;position:absolute;top:0;z-index:-1;padding-top:75px;}
header .right-side ul li {display:block;}
header .right-side ul li.on {display:block;}
header .right-side ul li a {color:#fff;width:100%;padding:0;height:50px;line-height:50px;font-size:16px;}
header .right-side ul li.on a {color:#f00;}
header .right-side li a:after {display:none;}
.header-phone-number {display:none;}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des {font-size:20px;line-height:32px;}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des span {font-size:28px;margin-bottom:10px;}
.index-banner .carousel-item2 .cansual-des {font-size:20px;line-height:32px;}
.index-banner .carousel-item2 .cansual-des .s2 {font-size:24px;}
.index-banner .carousel-item2 .img-box {width:100%;}
.index-banner .carousel-item2 .img-box .img1 {left:335px;top:235px;height:205px;}
.index-banner .carousel-item2 .img-box .img2 {height:210px;right:0;top:218px;}
.index-banner .carousel-item2 .img-box .img3 {width:50%;top:15%;right:6%;height:330px;padding:20px 1px;}
.index-banner .carousel-item3 .cansual-des {font-size:20px;line-height:32px;}
.index-banner .carousel-item3 .cansual-des .s2 {font-size:24px;}
.index-banner .carousel-item .link {width:135px;height:40px;line-height:40px;margin-top:30px;}
.carousel-scroll-btn {left:70px;}
.page-header-bar {height:50px;line-height:50px;}
.carousel-controls {width:400px;height:50px;}
.carousel-controls .count {width:150px;padding-left:40px;font:bold 18px/50px 'gotham-medium';}
.carousel-controls .controls {left:150px;}
.carousel-controls .carousel-control {height:50px;}
.advantage-title {padding-bottom:30px;}
.advantage-title .bdl {line-height:20px;}
.advantage-title .title {font-size:26px;margin-bottom:10px;}
.advantage-title .bdr {line-height:52px;}
.index-box {padding:0 30px;}
.advantage-list {padding-bottom:30px;}
.advantage-list li {padding:30px 10px 30px 10px;}
.advantage-list li .icon {height:60px;}
.advantage-list li .icon1 {background:url(../images/icon8.png) left top no-repeat;background-size:40px;}
.advantage-list li .icon2 {background:url(../images/icon9.png) left top no-repeat;background-size:40px;}
.advantage-list li .icon3 {background:url(../images/icon10.png) left top no-repeat;background-size:40px;}
.advantage-list li .icon4 {background:url(../images/icon11.png) left top no-repeat;background-size:40px;}
.advantage-list li:hover .icon1 {background:url(../images/icon12.png) left top no-repeat;background-size:40px;}
.advantage-list li:hover .icon2 {background:url(../images/icon13.png) left top no-repeat;background-size:40px;}
.advantage-list li:hover .icon3 {background:url(../images/icon14.png) left top no-repeat;background-size:40px;}
.advantage-list li:hover .icon4 {background:url(../images/icon15.png) left top no-repeat;background-size:40px;}
.advantage-list li .title {font-size:20px;line-height:30px;margin-bottom:10px;}
.advantage-list li .link {margin-top:25px;}
 
.index-data .text-wrap .number-wrap {font:normal 80px/1 'AkzidenzGrotesk-BoldCondAlt';}
.index-data .text-wrap .number-wrap .icon {vertical-align:4px;}
.index-solution {padding:50px 0;}
.index-solution-box .img {width:100%;}
.index-solution-box .tbox {width:100%;padding:4.5% 20px 20px 40px;}
.index-solution-box .tbox .title {font-size:26px;}
 
.index-client-img {width:100%;}
.index-client-tbox {width:100%;padding:0;}
.index-client-tbox .title {font-size:26px;margin-bottom:10px;}
.index-client-tbox .txt {margin-bottom:0;}
 
.index-case-menu {display:flex;overflow-x:scroll;white-space:normal;}
.index-case-menu ul {display:flex;white-space:nowrap;}
 
 
}
/*------- phone-begin --------*/@media (max-width:767px) {.index-banner {height:300px;display: none;}
.index-banner .carousel-item1 img {width:280%;left:-40%;max-width:initial;}
.index-banner .carousel-item1.active img {top:0px;}

.index-banner .carousel-item2 img {width:280%;left:-40%;max-width:initial;}
.index-banner .carousel-item2.active img {top:-40px;}

.index-case-menu li a {font-size:14px;}
.index-solution-box .tbox {padding:3.5% 20px 0 30px;}
.index-solution-box .tbox .list {width:100%;margin-top:20px;}
.index-solution-box .tbox .list li {float:left;margin:0 10px 10px 0;}
.index-solution-box .tbox .list li:nth-child(2n) {margin-right:0;}
.index-solution-box .tbox .list li a {line-height:30px;border-radius:15px;padding:0 10px;font-size:14px;}
.index-client.active .index-client-img .img9 {left:36.6%;top:17.6%;}
.carousel-scroll-btn {left:50%;transform:translateX(-50%);width:40px;height:40px;bottom:60px;}
.carousel-scroll-btn .carousel-scroll-btn-icon {width:40px;height:40px;}
.carousel-controls {width:210px;}
.carousel-controls .count {width:90px;padding-left:15px;}
.carousel-controls .controls {left:90px;}
.carousel-controls .carousel-control {width:60px;height:50px;}
.index-banner .carousel-item2 .bg-img {width:200%;left:-50%;max-width:initial;height:100%;}
.index-banner .carousel-item2 .img-box .img3 {width:70%;top:28%;right:15%;height:330px;padding:10px 5px;}
.index-banner .carousel-item2 .img-box .img2 {right:65px;top:312px;width:95px;height:115px;padding:8px 10px 0 10px;}
.index-banner .carousel-item2 .img-box .img1 {left:115px;top:335px;height:82px;width:40px;padding:3px;}
.index-banner .carousel-item3 .bg-img {height:100%;}
.index-banner .carousel-item3 .img-box .img2 {top:20%;height:auto;}
.index-banner .carousel-item3 .img-box li.img2 img {height:auto;}
.index-banner .swiper-inner-text {left:5%;}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des,.index-banner .carousel-item2 .cansual-des,.index-banner .carousel-item3 .cansual-des {font-size:14px;}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des span,.index-banner .carousel-item2 .cansual-des .s2,.index-banner .carousel-item3 .cansual-des .s2 {font-size:20px;}
.index-banner .carousel-item .link {background:#222 url(../images/icon22.png) 68px center no-repeat;width:100px;font-size:12px;padding-left:10px;margin-top:10px;}
.index-box {padding:0 20px;}
.advantage-title .bdl {font-size:40px;}
.advantage-title .bdr {font-size:40px;line-height:70px;}
.advantage-title .title {font-size:18px;}
.advantage-title .txt {width:100%;}
.advantage-title .bdr span {width:170px;top:23px;right:50px;}
.advantage-list li {width:47%;margin:0 1.5%;}
 
.index-data .text-wrap .number-wrap {font:normal 30px/1 'AkzidenzGrotesk-BoldCondAlt';}
.index-data .text-wrap .number-wrap .icon {font-size:20px;}
.index-solution-box .tbox {padding:3.5% 20px 0 20px;}
.index-solution-box .tbox .title {font-size:18px;margin-bottom:10px;}
.index-solution-box .tbox .txt {line-height:20px;}
 
 
 
.index-client-tbox .title {font-size:18px;line-height:24px;}
.index-client-tbox .txt {line-height:20px;}
.foot-button .link-box .a-box a {line-height:20px;}
.foot-button .makelink {margin-top:10px;}
.index-data .index-data-list {padding:30px 20px;}
.index-data .item {height:175px;}
.index-data .item-inner {height:175px;}
.index-data .video {display:none;}
}
/*------- phone-end --------*/
@media (max-width:414px) {.advantage-title .bdr span {width:100px;}
.index-banner .swiper-inner-text {top:56%;}
.advantage-list li {padding:30px 5px;}
}